// pages/kind/kind.js
import {getCategoryList,getCategoryBrandList,getCategoryBrandProList} from '../../api/kind'
Page({

  /**
   * 页面的初始数据
   */
  data: {
    categoryList: [], // 用来放所有分类的数组
    activeKey: 0, // 标记选中分类的索引值
    active: 0, // 标记选中品牌的索引值
    brandList: [], // 用来放所有品牌的数组
    proList: []
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    // 获取所有分类列表
    getCategoryList().then(res => {
      // console.log(res.data);
      this.setData({
        categoryList: res.data
      })

      // 获取所有分类中第一类
      getCategoryBrandList({
        category: this.data.categoryList[0]
      }).then(res =>{
        // console.log(res.data);
        this.setData({
          brandList: res.data
        })
        // 获取某分类下某品牌的所有产品
        // console.log(this.data.brandList[0]);
        getCategoryBrandProList({
          category: this.data.categoryList[0],
          brand: this.data.brandList[0].brand
        }).then(res => {
          // console.log(res);
          this.setData({
            proList: res.data
          })
        })
      })


    })
  },
  categoryClick(event){
    // console.log(event.target.dataset.title);
    // 记录点击分类后最新的索引值
    this.setData({
      activeKey: event.target.dataset.index,
      active: 0
    })

    getCategoryBrandList({
      category: event.target.dataset.title
    }).then(res =>{
      console.log(res.data);
      this.setData({
        brandList: res.data
      })
      // 发送对应的数据请求获取分类下品牌中的第一个品牌的所有产品
       // 获取某分类下某品牌的所有产品
        // console.log(this.data.brandList[0]);
        getCategoryBrandProList({
          category: event.target.dataset.title,
          brand: this.data.brandList[0].brand
        }).then(res => {
          // console.log(res);
          this.setData({
            proList: res.data
          })
        })

    })
  },
  brandClick(event){
    // console.log('111111111111',event);
    // 记录被点击品牌的索引值
    this.setData({
      active: event.detail.index
    })
   // 获取某分类下某品牌的所有产品
        // console.log(this.data.brandList[0]);
        getCategoryBrandProList({
          category: this.data.categoryList[this.data.activeKey],
          brand: event.detail.title
        }).then(res => {
          // console.log(res);
          this.setData({
            proList: res.data
          })
        })
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})